<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>家庭记账管理系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" />
	<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap-treeview/1.2.0/bootstrap-treeview.min.css" />
	<link rel="stylesheet" href="//cdn.bootcss.com/jquery-treegrid/0.2.0/css/jquery.treegrid.min.css" />
	<link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" />
	<link rel="stylesheet" href="//cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css" />
    <link rel="stylesheet" href="/gradesign/assets/adminlte-2.3.7/css/AdminLTE.min.css"  />
    <link rel="stylesheet" href="/gradesign/assets/adminlte-2.3.7/css/skins/_all-skins.min.css" />
    <link rel="stylesheet" href="/gradesign/css/app.css" />
    <link href="/gradesign/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen"/>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <style type="text/css">
	.ion-ios-gear-outline:before {line-height:2 }
    </style>
</head>    
<body>
    <section class="content-header">
        <h1>后台总览</h1>
    </section>
    <section class="content">
        <div class="row">
        <!-- 一行包括用户总数等四个 -->
        	<shiro:hasRole name="sa">
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="info-box">
                    <a href="/gradesign/back/family/index">
                    	<span class="info-box-icon bg-aqua"><i class="ion ion-ios-gear-outline"></i></span></a>
	                    <div class="info-box-content">
	                        <span class="info-box-text">家庭用户总数</span>
		                    <span class="info-box-number">
		                        <span th:text="${familyTotal}"></span>
		                        <small>个</small>
		                    </span>
	                    </div>
                </div>
            </div>
			</shiro:hasRole>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="info-box">
                	<a href="/gradesign/back/email/index">
	                    <span class="info-box-icon bg-red"><i class="ion ion-ios-gear-outline"></i></span></a>
	                    <div class="info-box-content">
	                        <span class="info-box-text">发送邮件总数</span>
	                    <span class="info-box-number">
	                        <span th:text="${emailTotal}"></span>
	                        <small>件</small>
	                    </span>
	                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="info-box">
                	<a href="/gradesign/back/msg/index">
	                    <span class="info-box-icon bg-green"><i class="ion ion-ios-gear-outline"></i></span></a>
	                    <div class="info-box-content">
	                        <span class="info-box-text">推送消息总数</span>
	                    <span class="info-box-number">
	                        <span th:text="${msgTotal}"></span>
	                        <small>条</small>
	                    </span>
                    	</div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="info-box">
                	<a href="/gradesign/back/timertask/index">
	                    <span class="info-box-icon bg-yellow"><i class="ion ion-ios-gear-outline"></i></span></a>
	                    <div class="info-box-content">
	                        <span class="info-box-text">定时任务总数</span>
	                    <span class="info-box-number">
	                        <span th:text="${taskTotal}"></span>
	                        <small>个</small>
	                    </span>
	                    </div>
                </div>
            </div>
        </div>
    </section>
</body>
<script type="text/javascript" src="/gradesign/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="/gradesign/assets/adminlte-2.3.7/js/app.min.js"></script>
<script type="text/javascript" src="/gradesign/js/bootstrap.min.js"></script>

</html>